.login {
    width          : 100vw;
    height         : 100vh;
    // background     : url("../../assets/images/login-bg.d2e175e8.png")no-repeat;
    // background-size: cover;
    min-width: 1200px;
    // min-height: 900px;
    position: relative;
    .bg{
        max-width: 100%;
        width: 100%;
        // height: auto;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
    }
    .header {
        width         : 330px;
        margin        : 0 auto;
        height        : 20%;
        text-align    : center;
        font-size     : 50px;
        color         : #fff;
        letter-spacing: 10px;
        padding-top   : 50px;
    }

    .login-from {
        position          : absolute;
        top               : 50%;
        border-radius     : 4px;
        margin-top        : -90px;
        width             : 330px;
        height            : 380px;
        left              : 50%;
        transform         : translate(-50%, -50%);
        background        : white;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
        box-shadow        : 0 0 40px rgba(0, 0, 0, 0.8);

        .logo-box {
            text-align   : center;
            padding      : 10px 0;
            border-bottom: 1px solid #ddd;

            img {
                width : 75px;
                height: 60px;
            }
        }

        .sty-name {
            text-align: center;
            color     : rgba(0, 0, 0, 0.65);
            margin-top: 20px;
            font-size : 14px;
            margin-bottom: 20px;
        }

        .form-box {
            width : 80%;
            margin: 0 auto;

            .el-input {
                margin:  0;
            }
           
            .el-button {
                width       : 100%;
                background  : #EF7E09;
                border-color: #EF7E09;
                color       : #fff;
                margin-top  : 20px;
            }
        }
    }

}